.stats-module__expand {
	line-height: 40px;
	display: block;

	@include breakpoint-deprecated( '<480px' ) {
		line-height: 48px;
	}

	.stats-module.is-loading &,
	.stats-module.has-no-data & {
		display: none;
	}

	a {
		@extend %mobile-link-element;
		border-top: 1px solid var( --color-border-subtle );
		display: block;
		font-size: $font-body-small;
		padding: 0 24px;
		position: relative;

		// Hover state
		@include breakpoint-deprecated( '>480px' ) {
			&:hover {
				background: var( --color-neutral-0 );
				border-top-color: var( --color-border-inverted );
			}
		}

		// Focus state
		&:focus {
			background: var( --color-neutral-0 );
			border-top-color: var( --color-border-inverted );
		}

		@include breakpoint-deprecated( '>960px' ) {
			.stats__module-list & {
				font-size: $font-body-extra-small;
			}
		}
	}
}

.stats-module__expand-right {
	color: var( --color-neutral-light );
	position: absolute;
		right: 24px;
		top: 0;
}
